.icon-list .main-panel {
  border: 0;
}

.icon-list .main-panel-control {
  display: none;
}

.main-container .icon-list .main-panel-source {
  padding-left: 0;
  .icon-search-panel {
    text-align: center;
    margin-bottom: 20px;
    input {
      width: 40%;
      border: 1px solid #e4e4e4;
      border-radius: 4px;
      background: #f5f5f5;
      text-align: center;
      font-size: 14px;
      outline: none;
      margin: 0 auto;
      padding: 8px 0;
    }
  }
  ul {
    overflow: hidden;
    list-style: none;
    padding: 0;
    border-radius: 4px;
    padding-left: 0;
    li {
      float: left;
      width: 16.4%;
      text-align: center;
      height: 120px;
      font-size: 13px;
      border: 1px solid #eee;
      margin-right: -1px;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      i {
        display: block;
        width: 100%;
        height: 75px;
        vertical-align: middle;
        line-height: 100px;
        font-size: 26px;
      }
      span {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        word-break: break-all;
        width: 75%;
      }
      &:hover {
        background: #20a0ff;
        color: #fff;
      }
    }
  }
  .icon-table {
    margin-bottom: 20px;
    .icon-table-title {
      margin-bottom: 15px;
    }
  }
  .copy-tip {
    transition: 0.5s;
    position: absolute;
    overflow: hidden;
    left: 0;
    width: 100%;
    top: -20px;
  }
  .copy-tip-show {
    top: 5px;
  }
  .title-tip {
    font-size: 14px;
    margin-top: 10px;
    color: #697b8c;
  }
}
